<template>
  <div class="continer">
    <header>
      <CartHeader></CartHeader>
    </header>
    <main>
      <CartList></CartList>
    </main>
  </div>
</template>

<script>
import CartHeader from './components/CartHeader.vue';
import CartList from './components/CartList.vue';

export default {
  components: {
    CartHeader,
    CartList,
  },
}
</script>

<style lang="less" scoped>
.continer {
  padding-top: 46px; /* 为固定头部留出空间 */
  padding-bottom: 44px; /* 为固定底部留出空间 */
  min-height: 100vh;
  background-color: #f5f5f5;
}

header {
  position: relative;
  z-index: 10;
}

main {
  padding-bottom: 50px; /* 为提交订单栏留出额外空间 */
}
</style>